export default function(props:any){
    const name=props.className;
    let className='w-svg';
    if(name){
        className+=' '+name;
    }
    let fn=props.onClick;
    let fnClick;
    if(fn){
        fnClick=(e:any)=>{
            fn(e);
        };
    }
    return (
        <span onClick={fnClick} className={className} style={{fontSize:props.fontSize,color:props.color}}>
            <svg viewBox="0 0 1024 1024" width="1em" height="1em" fill="currentColor">
                <path d="M512 64c-159.058 0-288 128.942-288 288 0 224 288 608 288 608s288-384 288-608C800 192.942 671.058 64 512 64zM512 445.8c-51.8 0-93.8-42-93.8-93.8s42-93.8 93.8-93.8 93.8 42 93.8 93.8S563.8 445.8 512 445.8z"></path>
            </svg>
        </span>
    )
}